<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>实名认证 - 期金管家</title>
    <!-- Bootstrap CSS -->
<!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
          integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <link rel="stylesheet" href="css/common.css">-->

</head>
<body>
<!--HEADER-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container-fluid">
        <a class="navbar-brand" href="#" style="font-size:40px;">
            <!--<img src="http://www.lcqjgj.com/static/home/images/logo.jpg"/>-->期金管家</a>

        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#hdNavBarsCom"
                aria-controls="hdNavBarsCom" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="navbar-collapse collapse personalLeft" id="hdNavBarsCom">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active"><a class="nav-link" href="#">首页 </span></a></li>
                <li class="nav-item"><a class="nav-link" href="#">信息中心</a></li>
                <li class="nav-item"><a class="nav-link" href="#">软件下载</a></li>
                <li class="nav-item"><a class="nav-link" href="account_opening.html">开户交易</a>
                <li class="nav-item"><a class="nav-link" href="#">投资者教育</a></li>
                <li class="nav-item"><a class="nav-link" href="#">会员专区</a></li>
                <li class="nav-item"><a class="nav-link" href="#">期金学院</a></li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="http://example.com" id="dropDownAboutUs"
                       data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">关于我们</a>
                    <div class="dropdown-menu" aria-labelledby="dropDownAboutUs">
                        <a class="dropdown-item" href="#">关于我们</a>
                        <a class="dropdown-item" href="#">关于我们</a>
                        <a class="dropdown-item" href="#">关于我们</a>
                    </div>
                </li>
            </ul>
            <form class="form-inline my-2 my-md-0">
                <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>&nbsp;&nbsp;
                <a class="btn btn-success" href="signin.html" target="_blank" role="button">注册</a>&nbsp;&nbsp;
                <a class="btn btn-success" href="signup.html" target="_blank" role="button">登录</a>&nbsp;&nbsp;
                <a class="btn btn-success hdImgEWM" href="#" role="button">
                    关注我们
                    <span><img src="http://www.lcqjgj.com/static/home/images/weibo.png" border="0"></span>
                </a>
            </form>
        </div>
    </div>
</nav>
<!--HEADER-->

<div class="container verified">
    <div class="row">
        <div class="col-md-3 personalLeft d-none d-sm-block">
            <!--<h2>个人中心</h2>-->
            <div id="leftNavMenu">
                <div class="card">
                    <div class="card-header bg-dark">
                        <a class="card-link text-white" data-toggle="collapse" href="#collapseOne">
                            资金管理
                        </a>
                    </div>
                    <div id="collapseOne" class="collapse show" data-parent="#leftNavMenu">
                        <div class="card-body">
                            <ul class="list-group">
                                <li class="list-group-item"><a href="online_recharge.html">线上充值</a></li>
                                <li class="list-group-item"><a href="offline_recharge.html">线下充值</a></li>
                                <li class="list-group-item"><a href="transfer_out.html">提现</a></li>
                                <li class="list-group-item"><a href="futures_withdrawal.html">期货出金</a></li>
                                <li class="list-group-item"><a href="futures_deposit.html">期货入金</a></li>
                                <li class="list-group-item"><a href="bank_card_management.html">银行卡管理</a></li>
                                <li class="list-group-item"><a href="fund_log.html">资金日志</a></li>
                                <li class="list-group-item"><a href="set_password.html">设置提现密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header bg-dark">
                        <a class="collapsed card-link text-white" href="account_opening.html">开户交易</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header bg-dark">
                        <a class="collapsed card-link text-white" href="trade_management.html">操盘管理</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header bg-dark">
                        <a class="collapsed card-link text-white" href="personal_info.html">个人资料</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header bg-dark active">
                        <a class="collapsed card-link text-white" href="verified.html">实名认证</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header bg-dark">
                        <a class="collapsed card-link text-white" href="notification_info.html">通知信息</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <ul class="nav nav-tabs mb-4" role="tablist">
                <li class="nav-item">
                    <a class="nav-link bg-dark text-white active" href="#home" role="tab" data-toggle="tab">实名认证</a>
                </li>
            </ul>
            <div class="tab-content row">
                <div class="col-md-4 text-center">
                    <img src="images/imgHead.jpg" />
                </div>
                <form id="setinfoForm" method="post" class="form-horizontal col-md-8" action="" novalidate="novalidate">


                    <div class="form-group row mb-3">
                        <label class="col-md-3 control-label" for="infoUserName">&nbsp;&nbsp;姓名：</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" id="infoUserName" name="infoUserName"
                                   aria-required="true" aria-describedby="firstname1-error"
                                   aria-invalid="true" value="张*的"><span
                                class="glyphicon glyphicon-remove form-control-feedback"></span>
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <label class="col-md-3 control-label" for="infoUserCard">&nbsp;&nbsp;身份证：</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" id="infoUserCard" name="infoUserCard"
                                   aria-required="true" aria-describedby="firstname1-error"
                                   aria-invalid="true" value="1423281995********0017"><span
                                class="glyphicon glyphicon-remove form-control-feedback"></span>
                        </div>
                    </div>

                    <div class="form-group row mb-3">
                        <label class="col-md-3 control-label" for="infoUserCard01">&nbsp;&nbsp;身份证正面：</label>
                        <div class="custom-file col-md-9">
                            <input type="file" class="custom-file-input" id="infoUserCard01">
                            <label class="custom-file-label" for="infoUserCard01">选择文件</label>
                        </div>
                        <!--<div class="input-group-append">-->
                        <!--<span class="input-group-text">Upload</span>-->
                        <!--</div>-->
                    </div>
                    <div class="form-group row mb-3">
                        <label class="col-md-3 control-label" for="infoUserCard02">&nbsp;&nbsp;身份证反面：</label>
                        <div class="custom-file col-md-9">
                            <input type="file" class="custom-file-input" id="infoUserCard02">
                            <label class="custom-file-label" for="infoUserCard02">选择文件</label>
                        </div>
                        <!--<div class="input-group-append">-->
                        <!--<span class="input-group-text">Upload</span>-->
                        <!--</div>-->
                    </div>

                    <div class="form-group row">
                        <div class="col">
                            <button type="submit" class="btn btn-success btn-block" name="signup1" value="去认证">去认证</button>
                        </div>
                    </div>
                    <p class="text-danger mb-3">注：如长时间没有反应，请检查网络并<a href="javascript:history.go(0);" style="color: blue;">刷新</a>页面。</p>
                </form>
            </div>
        </div>

    </div>
</div>
<br /><br /><br /><br /><br />
<!--footer-->
<footer class="footer bg-dark text-white"><br/>
    <div class="container copyRight">
        <div class="row">
            <div class="col-md-12 text-center">
                <p>Copyright© 2017 浙江陆诚资产管理有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;
                    <a style="color:#999;" href="http://www.miitbeian.gov.cn/">浙ICP备18006091号-1</a><br>
                    <a id="___szfw_logo___" href="https://credit.szfw.org/CX20180312037607820288.html"
                       target="_blank"><img src="http://icon.szfw.org/cert.png" border="0"></a>
                    <script type="text/javascript">(function () {
                        document.getElementById('___szfw_logo___').oncontextmenu = function () {
                            return false;
                        }
                    })();</script>
                    <a href="http://shuidi.cn/claim-certificate?digest=b0c929e2d61872c559d82cf6dd5497b3"
                       target="_blank"><img src="http://www.lcqjgj.com/static/home/images/sdxy.jpg" border="0"></a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--footer-->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>

<script src="js/personal_head_menu.js"></script>-->
<script type="text/javascript" src="js/validate/jquery.validate.js"></script>
<script type="text/javascript" src="js/validate/additional-methods.js"></script>
</body>
</html>



<script>
    $("#setinfoForm").validate({
        rules: {
            setinfoUserName: {
                required: false,
                minlength: 11,
                isMobile: true
            },
            setinfoSmsCode: {
                required: true,
                minlength: 6,
                maxlength: 6
            },
            setinfoNewtel: {
                required: true,
                minlength: 11,
                isMobile: true
            },
            setinfoNewSmsCode: {
                required: true,
                minlength: 6,
                maxlength: 6
            },
            setinfoUserPassword: {
                required: true,
                minlength: 6,
                maxlength: 16
            },
            setinfoUserConfirmPassword: {
                equalTo: "#setinfoUserPassword"
            }
        },
        messages: {
            setinfoUserName: {
                required: "请输入手机号",
                minlength: "长度为11位",
                isMobile: "请正确填写您的手机号码"
            },
            setinfoSmsCode: {
                required: "请输入验证码",
                minlength: "输入6位验证码",
                maxlength: "输入6位验证码"
            },
            setinfoNewtel: {
                required: "请输入新手机号",
                minlength: "长度为11位",
                isMobile: "请正确填写您的手机号码"
            },
            setinfoNewSmsCode: {
                required: "请输入验证码",
                minlength: "输入6位验证码",
                maxlength: "输入6位验证码"
            },
            setinfoUserPassword: {
                required: "请输入密码",
                minlength: "最少6位",
                maxlength: "最多16位"
            },
            setinfoUserConfirmPassword: {
                required: "请再次输入密码",
                minlength: "密码长度不能小于 6 位",
                equalTo: "两次密码输入不一致"
            }
        },


        // submitHandler: function (form) { //通过之后回调
        //     //进行ajax传值
        //     $.ajax({
        //         url: "{:U('user/index')}",
        //         type: "post",
        //         dataType: "json",
        //         data: {
        //             user: $("#setinfoUserName").val(),
        //             password: $("#setinfoUserPassword").val()
        //         },
        //         success: function (msg) {
        //             //要执行的代码
        //         }
        //     });
        // },
        // invalidHandler: function (form, validator) {
        //     return false;
        // },

        // errorElement: "em",
        // errorPlacement: function (error, element) {
        //     // Add the `help-block` class to the error element
        //     error.addClass("help-block");
        //
        //     // Add `has-feedback` class to the parent div.form-group
        //     // in order to add icons to inputs
        //     element.parents(".col-md-5").addClass("has-feedback");
        //
        //     if (element.prop("type") === "checkbox") {
        //         error.insertAfter(element.parent("label"));
        //     } else {
        //         error.insertAfter(element);
        //     }
        //
        //     // Add the span element, if doesn't exists, and apply the icon classes to it.
        //     if (!element.next("span")[0]) {
        //         $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
        //     }
        // },
        // success: function (label, element) {
        //     // Add the span element, if doesn't exists, and apply the icon classes to it.
        //     if (!$(element).next("span")[0]) {
        //         $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
        //     }
        // },
        // highlight: function (element, errorClass, validClass) {
        //     $(element).parents(".col-md-5").addClass("has-error").removeClass("has-success");
        //     $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
        // },
        // unhighlight: function (element, errorClass, validClass) {
        //     $(element).parents(".col-md-5").addClass("has-success").removeClass("has-error");
        //     $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
        // }
    });
    // 手机号码验证
    jQuery.validator.addMethod("isMobile", function (value, element) {
        var length = value.length;
        var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
        return this.optional(element) || (length == 11 && mobile.test(value));
    }, "请正确填写您的手机号码");
    //60S获取验证码
    $("#setinfoBtnSmsCode").click(function () {
        if ($("#setinfoUserName").valid() != "") {
            setinfoSettime(this)
        }
    });
    var setinfoCount = 60;

    function setinfoSettime(obj) {
        if (setinfoCount == 0) {
            obj.removeAttribute("disabled");
            obj.value = "免费获取验证码";
            setinfoCount = 60;
            return;
        } else {
            obj.setAttribute("disabled", true);
            obj.value = "重新发送(" + setinfoCount + ")";
            setinfoCount--;
        }
        setTimeout(function () {
                setinfoSettime(obj)
            }
            , 1000)
    }
    $("#setinfoNewBtnSmsCode").click(function () {
        if ($("#setinfoNewtel").valid() != "") {
            setinfoNewSettime(this)
        }
    });
    var setinfoNewCount = 60;

    function setinfoNewSettime(obj) {
        if (setinfoNewCount == 0) {
            obj.removeAttribute("disabled");
            obj.value = "免费获取验证码";
            setinfoNewCount = 60;
            return;
        } else {
            obj.setAttribute("disabled", true);
            obj.value = "重新发送(" + setinfoNewCount + ")";
            setinfoNewCount--;
        }
        setNewTimeout(function () {
                setinfoNewSettime(obj)
            }
            , 1000)
    }
</script>